<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keywords" th:content="${SITE_CONFIG.SITE_KWD}">
    <meta name="description" th:content="${SITE_CONFIG.SITE_DESC}">
    <title th:if="${categoryName == null}" th:text="${SITE_CONFIG.SITE_NAME}"></title>
    <title th:if="${categoryName != null}" th:text="${categoryName} + ' - ' +${SITE_CONFIG.SITE_NAME}"></title>
    <link rel="stylesheet" th:href="@{|/${WEB_THEME}/source/libs/bootstrap/bootstrap.min.css|}"/>
    <link rel="stylesheet" th:href="@{|/${WEB_THEME}/source/libs/jquery/jquery.pagination.css|}" />
    <link rel="stylesheet" th:href="@{|/${WEB_THEME}/source/libs/swiper/swiper.min.css|}"/>
    <link rel="stylesheet" th:href="@{|/${WEB_THEME}/source/libs/font-icon/icon.css|}"/>
    <link rel="stylesheet" th:href="@{|/${WEB_THEME}/source/css/web-common.css|}" />
    <link rel="stylesheet" th:href="@{|/${WEB_THEME}/source/css/web-blog.css|}" />
    <link rel="stylesheet" th:href="@{|/${WEB_THEME}/source/css/page.css|}" />
    <!-- Favicon Link -->
    <link rel="shortcut icon" type="image/png" href="/favicon.ico">
</head>
<script th:inline="javascript">var ctx = [[@{/}]];</script>
<script th:src="@{|/${WEB_THEME}/source/libs/jquery/jquery.min.js|}"></script>
<!--<script th:src="@{|/${WEB_THEME}/source/libs/jquery/jquery.pagination.min.js|}"></script>-->
<script th:src="@{|/${WEB_THEME}/source/libs/jquery/jquery.z-pager.js|}"></script>
<script th:src="@{|/${WEB_THEME}/source/libs/bootstrap/bootstrap.min.js|}"></script>
<script th:src="@{|/${WEB_THEME}/source/libs/swiper/swiper.min.js|}"></script>
<script th:src="@{|/${WEB_THEME}/source/libs/hc-sticky/hc-sticky.js|}" ></script>
<script th:src="@{|/${WEB_THEME}/source/js/tagcloud.js|}"></script>
<script th:src="@{|/${WEB_THEME}/source/js/tz-blog.js|}"></script>
<!--<script>


    $(function () {
        var pageNo='[[${page.current}]]';
        var count='[[${page.pages}]]';
        $("#pager").zPager({
            current: pageNo,
            pageCount: count,
            active: 'current', //当前页码样式
            prevBtn: 'pg-prev', //上一页按钮
            nextBtn: 'pg-next', //下一页按钮
            btnBool: true, //是否显示上一页下一页
            firstBtn: 'pg-first', //第一页按钮
            lastBtn: 'pg-last', //最后一页按钮
            btnShow: true, //是否显示第一页和最后一页按钮
            disabled: true //按钮失效样式
        });

      /*  var pageUrl = '[[${pageUrl}]]';
        var $pagination = $("#pagination");
        if ($pagination) {
            $pagination.zPager({
                totalData: 50,
                htmlBox: $('#wraper'),
                btnShow: true,
                ajaxSetData: false
            });
        }*/
        /*    $pagination.pagination({
                currentPage: [[${page.current}]],
                totalPage: [[${page.pages}]],
                callback: function (pageNo) {
                    window.location.href = (ctx + pageUrl + '/' +  pageNo).replace('//', '/');
                    var html = '<ul>'
                    for(var i = pageNo; i < this.totalPage; i++) {
                            html += "<li><a href=\"javascript:;\">1</a></li>";
                     }
                    html += '</ul>';
                   $('#pagination').html(html);
                }
            });*/
    })


    function currentPage(currentPage){
        /*
            触发页码数位置： Page/js/jquery.z-pager.js 64行
        */
        console.log("当前页码数：" + currentPage);
    }
</script>-->

</html>